{literal}
<style type="text/css">
    table.warning{
        margin: 0 auto; /* alignement (centrer) */
        width:97%; /* dimension */
        border:1px solid #f46767; /* couleur de la bordure et epaisseur */
        margin:10px; /* marge en dessous du tableau */
    }

    /* Cellule du tableau */
    td.warning{
        padding-left:32px; /* décallage du texte pour éviter la superposition du texte sur l'images */
        background:#f36e6e no-repeat; /* couleur et images de fond de la cellule */
        height:32px; /* hauteur de la cellule */
        text-align:center; /* alignement du texte */
        font-weight:bold; /* text en gras */
        font-size: 12pt;
    }
</style>
<script type="text/javascript">
    function checkMarqueOrModele(){
        if($('#marque').val() == "null") {
            alert("Merci de sélectionner une marque !");
            return false;
        }
        return true;
    }
</script>
{/literal}
<div id="global" class="search">
    {$oZoneHeader}
    <div id="main">
    <div class="file_ariane">
        {$oZoneBreadCrumb}
    </div>
    
    <div id="leftContent2">
    	<div id="essai_fiche">
           <h2>Essai de votre voiture occasion</h2>
           <div class="wrap">
               {if ($erreur != 0)}
                   <table class="warning">
                        <tr>
                            <td class="warning">
                               {$zMessageErreur}
                            </td>
                        </tr>
                    </table>
               {/if}
           		<div class="info2">
                	
                	<div class="chapitre essai_home" style="margin-top:10px;">
                    	<p>Nous faisons des essais de la majorité des voitures que vous trouverez sur le marché de l'occasion. Les défauts connus, les pannes fréquentes et un tas d'autres détails vous permettront de mesurer le pour et le contre de votre future auto d'occasion. La mécanique auto étant un domaine large, notre liste de défauts en matière de mécanique auto n'est pas exhaustive.</p>
                    <p class="titre">Essais auto</p>
                    <input type="hidden" id="urlLoadModele" name="urlLoadModele" value="{jurl 'accueil~FoHome:ajaxGetModelByMarqueId_', array(), false}" />
                    <input type="hidden" id="urlLoadGamme" name="urlLoadGamme" value="{jurl 'essais~FoEssaiRecherche:checkIfGammeLinked', array(), false}" />
                    <form class="moteur" action="{jurl 'essais~FoEssaiRecherche:resultFicheEssai'}" method="post" onsubmit="return checkMarqueOrModele()">
                    	<select id="marque" name="marque">
                            <option value="null">--Choisir une Marque--</option>
                            {foreach $marque as $itemMarque}
                                {if $marqueId == $itemMarque->marque_id}
                                    {assign $selectedMarque = 'selected'}
                                {else}
                                    {assign $selectedMarque = ''}
                                {/if}
                            <option value="{$itemMarque->marque_id}" {$selectedMarque}>{$itemMarque->marque_libelle}</option>
                            {/foreach}
                        </select>
                        <select id="modele" name="modele" style="width:110pt">
                            <option value="null">--Choisir un Modèle--</option>
                            
                            {if sizeof($modele)}
                                <option value="0">La gamme--</option>
                                {foreach $modele as $itemModele}
                                    <option value="{$itemModele->ess_id}">{$itemModele->modele_libelle}</option>
                                {/foreach}
                            {/if}
                        </select>
                        <input type="submit" value="Lire la fiche" />
                    </form>
                    <p class="titre">Nos dossiers spéciaux</p>
                    <ul class="dossier">
                        {foreach $dossierSpec as $item}
                    	<li><a href="{jurl 'essais~FoDossier:index', array('id'=>$item->dossier_id), false}">{$item->dossier_name}</a></li>
                        {/foreach}
                    </ul>
                    <p>Important : Tous les défauts <strong>mécanique</strong> auto sont relevés, n'hésitez pas a nous informer de tout autre problème de <strong>mécanique auto.</strong> (voir contact) </p>
                    <p>D'autres essais de véhicules sur <a href="http://www.actu-automobile.com/">actualité auto</a></p>
                    </div>
                	
                </div>
           		
           </div>
           <div class="deco">&nbsp;</div>
        </div>
       <!-- end essai fiche-->
    </div>
    {$oZoneRightContent}                
    <div class="clear">&nbsp;</div>
  </div>
  <div id="SideBar"><a href="#global"><img alt="" src="{$j_basepath}design/front/images/top.png" title="" /></a></div>
</div>
{$oZoneFooter}
{$oZonePubHidden}